@charset "UTF-8";

@media all
{
 
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100% }

  textarea, pre, tt, code {font-family: Arial, Helvetica, sans-serif; font-size:12px; }
  body {font-family: Arial, Helvetica, sans-serif; font-size:12px; }

  h1,h2,h3,h4,h5,h6 { margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  p { line-height:15px; margin: 0; }
  img{ border:0;}
  style{ color:#FF0000;}
  br{ line-height:12px;}
  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 }
  li { margin-left: 0; line-height: 1.5em;list-style-type:none;}

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  a { color:#333; text-decoration:none; outline:none}
  a:focus,
  a:hover,
  a:active {text-decoration:none;}
  
  #footer a { color: #FF0000; text-decoration:none;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #CC0000; text-decoration:none;}  

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }  
  
  /*-----------------------------------FLOAT FORMAT-----------------------------------*/  	
	.float_left { float: left;}
  	.float_right { float: right;}
	.clear{ clear:both;}
	.clear_left{ clear:left;}
	.clear_right{ clear:right;}
	
/*-----------------------------------TEXT FORMAT-----------------------------------*/  
	.center { text-align:center;}
  	.left { text-align:left;}
  	.right { text-align:right;}
	.uper{ text-transform:uppercase;}
	.top{ vertical-align:top;}
	.mid{ vertical-align:middle;}
	.linethrough{ text-decoration:line-through;}
  	cite, blockquote { font-style:italic }
  	blockquote { margin: 0 0 1em 1.5em }
  	strong,b { font-weight: bold }
  	em,i { font-style:italic }
  	pre, code { font-family: monospace; font-size: 1.1em; }
  	acronym, abbr {	letter-spacing: .07em; border-bottom: .1em dashed #c00;	cursor: help;} 
/*-----------------------------------FONT SIZE---COLOR-----------------------------------*/  
	.fs11{ font-size:11px;}
	.fs16{ font-size:16px;}
	.red{ color:#C60005;}
	.black{ color:#484848}
	.w_color{ color:#fff;}
	.grey{ color:#999 !important}
	.green{ color:#6C0}
	
/*-----------------------------------BORDER-----------------------------------*/
	.bs1{ border:solid 1px #aeaeae;}
	
/*-----------------------------------WIDTH-----------------------------------*/
	.w200{ width:200px;}


/*--------------------------------PADDING------------------------------*/ 
	.p20t{ padding-top:20px;}
	.p10t{ padding-top:10px;}
	.p7t{ padding-top:7px;}
	.p5t{ padding-top:5px;}
	
	.p10r{ padding-right:10px;}
	.p20r{ padding-right:20px;}
	
	.p10l{ padding-left:10px;}
	.p20l{ padding-left:20px;}
	.p130l{padding-left:130px;}
	
	.p20b{ padding-bottom:20px;}
	.p10b{ padding-bottom:10px;}
	.p5b{ padding-bottom:5px;}
	
/*--------------------------------MARGIN------------------------------*/ 
	.m10l{ margin-left:10px;}
	.m30l{ margin-left:30px !important;}
	
	.m10r{ margin-right:10px;}
	.m60r{ margin-right:60px !important;}
	
	.m10t{ margin-top:10px;}
	.m15t{ margin-top:15px;}
	.m30t{ margin-top:30px !important;}
	
/*--------------------------------BACKGROUND------------------------------*/ 
	
	
/*--------------------------------CONTENT------------------------------*/
.page-bg{ background:url(../images/top-bg.jpg) 0 0 repeat-x;}
.page-bg-2{ width:100%; background:url(../images/bg.jpg) 50% 0 no-repeat; min-height:433px; }
.page-bg-short{ background:url(../images/top-bg-short.jpg) 0 0 repeat-x;}
.page-bg-2-short{ width:100%; background:url(../images/bg-short.jpg) 50% 0 no-repeat; min-height:433px; }
.top-bar{ height:58px; position:relative; z-index:80000}
.tai-app{ margin:0; padding:0; float:left}
.tai-app li{ margin:18px 0 0 0; padding:0; list-style-type:none; float:left; display:block;background:url(../images/line.png) 0 0 no-repeat}
.tai-app li:first-child{ background:none;}
.tai-app li a{ display:block; float:left; color:#FFF; font-weight:bold; text-transform:uppercase; padding:0 10px 0 10px;}
.tai-app li a:hover{ color:#F00}
.tai-app li a .icon-ios{background: url('../images/sprite.png') no-repeat -181px -15px; width: 15px; height: 18px; display:block; float:left; padding-right:10px;}
.tai-app li a .icon-android{background: url('../images/sprite.png') no-repeat -206px -16px; width: 12px; height: 17px; display:block; float:left; padding-right:10px;}
.share-btn{ width: 91px; height: 28px; display:block; float:left; margin:14px 0 0 5px;  position:relative}
.share-btn .share-btn-bg{background: url('../images/sprite.png') no-repeat -235px -5px; width: 91px; height: 28px; display:block;color:#9e9e9e; text-align:center; line-height:28px; padding-left:3px;}
ul.share-icon-list{ margin:0 0 0 0px; padding:5px 0 0 5px; background: url('../images/sprite.png') no-repeat -235px -39px; width: 88px; height: 25px; position:absolute; left:0; top:0; display:none}
ul.share-icon-list li{ margin:0 2px 0 0; padding:0; display:block; float:left;}
ul.share-icon-list li a{ text-indent:-999px; display:block; width:18px; height:18px; float:left; padding:0 0 0 0px; overflow:hidden}
ul.share-icon-list li a.zing{ background: url('../images/sprite.png') no-repeat -931px -69px;}
ul.share-icon-list li a.zing:hover{ background: url('../images/sprite.png') no-repeat -931px -89px;}
ul.share-icon-list li a.facebook{ background: url('../images/sprite.png') no-repeat -955px -69px;}
ul.share-icon-list li a.facebook:hover{background: url('../images/sprite.png') no-repeat -955px -89px;}
ul.share-icon-list li a.google{ background: url('../images/sprite.png') no-repeat -980px -69px;}
ul.share-icon-list li a.google:hover{ background: url('../images/sprite.png') no-repeat -980px -89px;}
ul.share-icon-list li a.tweeter{background: url('../images/sprite.png') no-repeat -1003px -69px;}
ul.share-icon-list li a.tweeter:hover{ background: url('../images/sprite.png') no-repeat -1003px -89px;}
ul.share-icon-list li a.pinterest{ background: url('../images/sprite.png') no-repeat -1025px -69px;}
ul.share-icon-list li a.pinterest:hover{ background-position:-144px -30px}
.support{background: url('../images/sprite.png') no-repeat -331px -5px; width: 69px; height: 28px; display:block; float:left; margin:14px 0 0 5px;color:#9e9e9e; text-align:center; line-height:28px; padding-left:5px}
.support:hover{background: url('../images/sprite.png') no-repeat -331px -39px; color:#FFF}
.instruction{background: url('../images/sprite.png') no-repeat -409px -5px; width: 93px; height: 30px; display:block; float:left; margin:14px 0 0 5px;color:#FFF; text-align:center; line-height:28px; padding-left:3px}
.instruction:hover{background: url('../images/sprite.png') no-repeat -409px -39px;}
.dangky-list{ margin:14px 0 0 10px; padding:0; float:right}
.dangky-list li{margin:0; padding:0; list-style-type:none; float:left; display:block}
.dangky-list li a{display:block; float:left; color:#9e9e9e; text-align:center; line-height:28px; padding-left:17px}
.dangky-list li a.dangnhap-btn{background: url('../images/sprite.png') no-repeat -512px -6px; width: 76px; height: 28px; }
.dangky-list li a.dangnhap-btn:hover {background: url('../images/sprite.png') no-repeat -512px -40px; color:#FFF}
.dangky-list li a.dangky-btn{background: url('../images/sprite.png') no-repeat -606px -6px; width: 76px; height: 28px; }
.dangky-list li a.dangky-btn:hover{background: url('../images/sprite.png') no-repeat -606px -40px; color:#FFF}
.banner-list{ margin:30px 0 0 0; padding:0}
.banner-list li{ margin:0 0px 0 9px; padding:0; float:left; display:block; list-style-type:none}
.banner-list li:first-child{ margin-left:0px}
.banner-list li a{ display:block; float:left; width:313px; height:106px;}
.main-nav{ position:relative;  margin:20px 0 0 0}
.main-nav-list{ margin:0; padding:0; background: url('../images/sprite.png') no-repeat -20px -423px; width: 960px; height: 45px; font-weight:bold; text-shadow:0px 1px 0px #fff;-webkit-text-shadow:0px 1px 0px #fff;-moz-text-shadow:0px 1px 0px #fff;-o-text-shadow:0px 1px 0px #fff}
.main-nav-list li { margin:0; padding:0; display:block; float:left; list-style-type:none; background:url('../images/nav-line.png') 100% 0 no-repeat}
.main-nav-list li a{ display:block; float:left; text-align:center; line-height:45px; width:150px; height:45px; margin-right:2px}
.main-nav-list li a:hover{background: url('../images/sprite.png') no-repeat -80px -474px;}
.main-nav-list li.menu-inactive a:hover{background: url('../images/sprite.png') no-repeat -80px -423px;}
.main-nav-list li.current a{background: url('../images/sprite.png') no-repeat -80px -474px; color:#F00}
.main-nav-list li.first-nav a:hover{background: url('../images/sprite.png') no-repeat -20px -474px;}
.main-nav-list li.current.first-nav a{background: url('../images/sprite.png') no-repeat -20px -474px;}


.search-box{background: url('../images/sprite.png') no-repeat -707px -5px; width: 183px; height: 30px; position:absolute; top:8px; right:8px}
.search-box .ip-search{ float:left; width:140px; height:30px; padding:0 0 0 10px; line-height:30px; background:none; border:none}
.search-box .search-btn{ width:30px; height:30px; float:right; border:none; background:none; text-indent:-9999px; text-transform:capitalize; cursor:pointer}
.banner-pagination{ margin:0 auto; padding:15px 0 0 0; width:70px}
.banner-pagination li{ margin:0 10px 0 0; padding:0; float:left; display:block; list-style-type:none;}
.banner-pagination li a{background: url('../images/sprite.png') no-repeat -50px -51px; width: 13px; height: 13px; float:left; text-indent:-9999px}
.banner-pagination li.current a{background: url('../images/sprite.png') no-repeat -68px -51px;}
.bang-xep-hang{background: url('../images/sprite.png') no-repeat -20px -532px; width: 960px; height: 116px; margin:15px 0 0 0}
.bxh-icon{ background: url('../images/sprite.png') no-repeat -181px -42px; width: 17px; height: 18px; float:left; margin:8px 0 0 10px}
.bxh-tab{ margin:5px 0 0 10px; padding:0; float:left}
.bxh-tab li{ margin:0 5px 0 0; padding:0; display:block; float:left; list-style-type:none;}
.bxh-tab li a{ display:block; float:left; background: url('../images/sprite.png') no-repeat -810px -47px;width: 97px;height: 23px; text-align:center; line-height:23px; color:#b36666}
.bxh-tab li a:hover{color:#FFF}
.bxh-tab li.current a{background: url('../images/sprite.png') no-repeat -707px -47px; color:#FFF}
.bxh-top-3{ margin:23px 0 0 0; padding:0; float:left}
.bxh-top-3 li{ margin:0; padding:0; display:block; float:left; list-style-type:none; width:214px}
.bxh-top-3 li .bxh-number{ font-size:30px; color:#ad8d8d; display:block; float:left; font-weight:bold; line-height:50px; width:40px; text-align:center}
.app-small{ width:48px; height:48px; overflow:hidden; float:left; position:relative}
.mask{ position:absolute; top:0; left:0}
.mask-red{ width:48px; height:48px;}
.app-title{padding:0 2px 3px 5px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.app-title a:hover{color:#FFC4C5}
.app-fact{padding:0 0 0 5px; color:#b59a9a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.bold{ font-weight:bold}
.bxh-top-9{margin:20px 0 0 20px; padding:0; float:left; width:133px}
.bxh-top-9 li{ margin:0; padding:0; display:block; color:#FFF; width:100%; height:20px}
.bxh-top-9 li a{ display:block; width:110px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#FFF;}
.bxh-top-9 li a:hover{ color:#FFD7D8}
.col-left{ float:left; width:221px}
.list-box{ margin:10px 0 0 0}
.list-box-header{background: url('../images/sprite.png') no-repeat -19px -713px; width: 221px; height: 37px;}
.list-box-header span{ display:block; float:left; padding:12px 0 0 25px}
.ios-switch{ float:right; margin:7px 7px 0 0; padding:0}
.ios-switch li{ margin:0; padding:0; display:block; float:left; list-style-type:none}
.ios-switch li a{ line-height:23px; text-align:center; text-transform:uppercase; font-weight:bold; color:#8c8c8c}
.ios-switch li a:hover{ color:#333}
.ios-switch li a.ios-switch-a{ display:block; float:left; background: url('../images/sprite.png') no-repeat -929px -7px; width: 58px; height: 23px;}
.ios-switch li a.ios-switch-b{ display:block; float:left; background: url('../images/sprite.png') no-repeat -987px -7px; width: 58px; height: 23px;}
.ios-switch li.current a.ios-switch-a{background: url('../images/sprite.png') no-repeat -929px -34px; color:#FFF}
.ios-switch li.current a.ios-switch-b{background: url('../images/sprite.png') no-repeat -987px -34px; color:#FFF}
.list-box-body{ border-left:#e3e3e3 solid 1px;border-right:#e3e3e3 solid 1px;}
.dark-bar{ background: url('../images/sprite.png') no-repeat -20px -761px; width: 219px; height: 27px; line-height:27px;}
.dark-bar span{ padding-left:10px; font-weight:bold; color:#FFF;text-shadow:0px 1px 1px #333;-webkit-text-shadow:0px 1px 1px #333;-moz-text-shadow:0px 1px 1px #333;-o-text-shadow:0px 1px 1px #333}
.cat-list{ margin:0; padding:0}
.cat-list li{ margin:0; padding:0; display:block}
.cat-list li a{ background: url('../images/sprite.png') no-repeat -20px -797px; width: 219px; height: 32px; display:block;}
.cat-list li a:hover{ background:#E4E4E4}
.cat-list li a img{float:left; padding:6px 0 0 15px}
.cat-list li a p{ line-height:30px; padding:0 0 0 42px}
.cat-list li.current a{background: url('../images/sprite.png') no-repeat -20px -838px; color:#FFF; font-weight:bold}
.list-box-footer{background: url('../images/sprite.png') no-repeat -20px -878px; width: 221px; height: 12px;}

.suggest-list{ margin:0; padding:0;}
.suggest-list li{ margin:0; padding:0; display:block; border-top:#ffffff solid 1px; border-bottom:#d5d5d5 solid 1px; float:none}
.suggest-list li a{ background: #f8f8f8; width: 212px; height: 22px; display:block;  padding:7px 0 0 7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.suggest-list li a:hover{ background:#E4E4E4}
.suggest-list li a.sg-top-3{ background:#ececec; height: 53px;}
.suggest-list li a.sg-top-3:hover{ background:#E4E4E4}
.banner-left{ position:relative; margin:10px 0 0 0}
.banner-left img{ width:221px; height:101px;}
.banner-mask{background: url('../images/sprite.png') no-repeat -200px -307px; width: 221px; height: 101px; display:block; position:absolute; top:0; left:0}

.col-right{ float:right; width:730px;}
.main-content-header{background: url('../images/sprite.png') no-repeat -21px -903px; width: 730px; height: 38px; margin:10px 0 0 0 }
.main-content-body{ background:#FFF; border-left:#e3e3e3 solid 1px;border-right:#e3e3e3 solid 1px; padding-bottom:20px}
.main-content-footer{background: url('../images/sprite.png') no-repeat -21px -960px; width: 730px; height: 11px;}
.sort-tab{ background: url('../images/sprite.png') no-repeat -20px -665px; width: 728px; height: 37px; margin:1px 0 0 1px; padding:5px 0 0 0}
.sort-tab li{ margin:0 10px 0 0; padding:0; display:block; list-style-type:none; float:left}
.sort-tab li:first-child{ margin-left:25px}
.sort-tab li a{ display:block; float:left;width: 161px; height: 32px; text-align:center; color:#CCC; font-weight:bold; line-height:32px}
.sort-tab li a:hover{ color:#fff}
.sort-tab li.current a{ color:#333}
.sort-tab li a.hot-tab{background: url('../images/sprite.png') no-repeat -237px -152px;}
.sort-tab li a.yeu-tab{background: url('../images/sprite.png') no-repeat -404px -152px;}
.sort-tab li a.moi-tab{background: url('../images/sprite.png') no-repeat -570px -152px;}
.sort-tab li a.tai-tab{background: url('../images/sprite.png') no-repeat -736px -152px;}
.sort-tab li.current a.hot-tab{background: url('../images/sprite.png') no-repeat -237px -111px;}
.sort-tab li.current a.yeu-tab{background: url('../images/sprite.png') no-repeat -404px -111px;}
.sort-tab li.current a.moi-tab{background: url('../images/sprite.png') no-repeat -570px -111px;}
.sort-tab li.current a.tai-tab{background: url('../images/sprite.png') no-repeat -736px -111px;}
.app-list{ margin:0; padding:15px 0 0 25px;}
*+html .app-list{ float:left}
.app-list li{ margin:4px 4px 0 0; padding:0; list-style-type:none; display:block; float:left}
.app-box{ background: url('../images/sprite.png') no-repeat -20px -178px; width: 166px; height: 211px; padding:23px 0 0 0; position:relative}
.app-thumb{ position:relative; width:76px; margin:0 auto 0 auto;}
.app-thumb img{ width:76px; height:76px;}
.white-mask{background: url('../images/sprite.png') no-repeat -429px -307px; width: 76px; height: 76px; display:block;}
.app-title-2{ padding:4px 10px; font-size:14px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.app-fact-2{padding:0px 10px; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#999}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding:2px 10px; }
.ellipsis-for-all{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%}
.download-btn{background: url('../images/sprite.png') no-repeat -759px -663px; width: 85px; height: 34px; display:block; color:#666; text-align:center; line-height:32px; font-size:16px; font-weight:bold; position:absolute; bottom:9px; left:40px; padding-left:3px}
.download-btn:hover{background: url('../images/sprite.png') no-repeat -759px -701px; color:#FFF}
.delete-btn{background: url('../images/sprite.png') no-repeat -996px -1057px; width: 81px; height: 34px; display:block; color:#666; text-align:center; line-height:32px; font-size:16px; font-weight:bold; position:absolute; bottom:9px; left:40px; padding-left:7px}
.delete-btn:hover{background: url('../images/sprite.png') no-repeat -996px -1095px; color:#FFF}
.seemore-btn{background: url('../images/sprite.png') no-repeat -996px -970px; width: 81px; height: 34px; display:block; color:#666; text-align:center; line-height:32px; font-size:16px; font-weight:bold; position:absolute; bottom:9px; left:40px; padding-left:7px}
.seemore-btn:hover{background: url('../images/sprite.png') no-repeat -996px -1008px; color:#FFF}
.pagination{ margin:10px 30px 0 0; padding:0; float:right}
.pagination li{ margin: 0 0 0 5px; padding:0; display:block; float:left; border:#e3e3e3 solid 1px}
.pagination li a{ display:block; height:25px; background:#f8f8f8; border-top:#fff solid 1px; padding:0 10px; line-height:25px; min-width:5px; font-weight:bold; color:#999}
.pagination li a:hover{ background:#E4E4E4; color:#000; border-top:#D8D8D8 solid 1px}
.pagination li.current a{background:#565656; color:#FFF; border-top:#565656 solid 1px}
.pagination li a.first-btn{background: url('../images/sprite.png') no-repeat -92px -52px #ededed;}
.pagination li a.first-btn:hover{ background-color:#DADADA}
.pagination li a.last-btn{background: url('../images/sprite.png') no-repeat -92px -82px #ededed;}
.pagination li a.last-btn:hover{ background-color:#DADADA}
.pagination li a.prev-btn{background: url('../images/sprite.png') no-repeat -129px -52px #ededed;}
.pagination li a.prev-btn:hover{ background-color:#DADADA}
.pagination li a.next-btn{background: url('../images/sprite.png') no-repeat -129px -82px #ededed;}
.pagination li a.next-btn:hover{ background-color:#DADADA}
.w960{ width:960px; margin:0 auto; text-align:center}
.grey-mask{background: url('../images/sprite.png') no-repeat -516px -307px; width: 48px; height: 48px; display:block;}
.red-mask{background: url('../images/sprite.png') no-repeat -571px -307px; width: 48px; height: 48px;; display:block}
.check-icon{background: url('../images/sprite.png') no-repeat -245px -713px;}
ul.Star {padding:0 0 0 3px ; margin:2px auto 0 auto; width: 79px; height: 13px;}
ul.Star li {float: left;padding: 0; display:block; list-style-type:none; margin:0}
ul.Star li:first-child{margin-left:0px !important}
ul.Star li a {background: url('../images/sprite.png') no-repeat -22px -71px; width: 15px; height: 15px; display:block; text-indent:-99999px; float:left}
ul.Star li.Trong a {background: url('../images/sprite.png') no-repeat -40px -71px;}
ul.star-bg{background: url('../images/sprite.png') no-repeat -922px -117px; width: 121px; height: 25px; padding:4px 0 0 23px; margin:10px 0 0 28px}
.breadcrumb{ font-size:12px;  color:#999; padding:0 7px ; margin:10px 0 0 0 ; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; background: url('../images/sprite.png') no-repeat -20px -986px; width: 946px; height: 35px; line-height:35px; float:left}
.breadcrumb a{ font-weight:normal; color:#000;}
.breadcrumb a:hover{ color:#999}
.breadcrumb .site-path-home{ display:block; float:left ;background: url('../images/sprite.png') no-repeat -66px -73px; width: 15px; height: 10px; margin:11px 5px 0 0}
.box-app-info{ }
	.icon-box{ float:left; width:160px;}
		.icon-wrapper{ position:relative; margin:0 0 0 48px; width:80px; height:80px;}
			.icon-wrapper img.app-image{ width:80px; height:80px;}
.white-big-mask{background: url('../images/sprite.png') no-repeat -772px -260px; width: 80px; height: 80px; display:block;}
	.app-info{ float:right; width:550px; padding:0px 0 0 0}
		.app-info p.app-title{font-size:18px; font-weight:bold; height:25px;}
		.app-info p{ padding:3px 0 3px 0}
		.download-by-com{ background: url('../images/sprite.png') no-repeat -862px -663px; width: 190px; height: 39px; display:block; margin:10px 0 0 0; overflow:hidden; float:left; text-align:center; font-size:15px; font-weight:bold; color:#FFF; line-height:41px; padding-left:32px;text-shadow:0px -1px 0px #333;-webkit-text-shadow:0px -1px 0px #333;-moz-text-shadow:0px -1px 0px #333;-o-text-shadow:0px -1px 0px #333}
		*+html .download-by-com{ margin-bottom:10px}
		.download-by-com:hover{ background: url('../images/sprite.png') no-repeat -862px -708px;}
		.download-by-phone{background: url('../images/sprite.png') no-repeat -863px -761px; width: 190px; height: 39px; display:block; margin:10px 0 0 5px; overflow:hidden; float:left; text-align:center; font-size:15px; font-weight:bold; color:#FFF; line-height:41px; padding-left:32px;text-shadow:0px -1px 0px #333;-webkit-text-shadow:0px -1px 0px #333;-moz-text-shadow:0px -1px 0px #333;-o-text-shadow:0px -1px 0px #333}
		*+html .download-by-phone{ margin-bottom:10px}
		.download-by-phone:hover{ background: url('../images/sprite.png') no-repeat -863px -807px;}
.bd-top{ border-top:#CCC 1px solid;}
.box-review{ background:url('../images/ss_bg.jpg'); }
	.ss-content{ width:100%; padding:10px 0 10px 0; position:relative}
	.gioithieu-content{ padding:20px; color:white}
	.video-content{ padding:20px; color:white;text-align:center}

.simple-title{ margin:20px 20px 0px 20px; border-bottom:#F2F2F2 solid 2px; padding:0 0 5px 0}
	.simple-title span{ background:white; text-transform:uppercase; font-weight:bold; color:#ce150e; font-size:16px; padding:0 10px 0 0}
.cmt-wrapper{ background:#F5F5F5; padding:10px}
.ss-list{ padding:0; margin:10px 0 0 38px}
.ss-list li{ padding:0; margin:0 5px 0 5px; list-style-type:none; display:inline}
.ss-list li a{}
ul.box-tabs{ margin:0; padding:0; border-bottom:#CCC solid 1px; background:url('../images/tab_bg.jpg') 0 0 repeat-x; height:37px}
ul.box-tabs li{ display:inline; margin:0; padding:0; float:left}
ul.box-tabs li a{ width:238px; height:37px; display:block; float:left; border-left:#ccc solid 1px; font-weight:bold; text-align:center; color:#666; line-height:35px}
ul.box-tabs li a:hover{ background-color:#F0F0F0}
ul.box-tabs li:first-child a{ border-left:none;width:237px;}
ul.box-tabs li.current{ position:relative}
ul.box-tabs li.no-content a{ color:#CCC}
ul.box-tabs li.no-content a:hover{ color:#CCC; background-color:transparent}
ul.box-tabs li.current a{background:url('../images/tab_cur.jpg') 0 0 repeat-x}
ul.box-tabs li div.tab-arrow{ background: url('../images/sprite.png') no-repeat -48px -98px; width: 14px; height: 8px; position:absolute; left:47%; bottom:-8px; display:none}
ul.box-tabs li.current div.tab-arrow{ display:block}
.prev{position: absolute;top: 40%;left: 12px;width: 12px; height: 19px;cursor: pointer;background: url('../images/sprite.png') no-repeat -928px -184px; text-indent:-9999px; outline:none; overflow:hidden}
.prev:hover{background: url('../images/sprite.png') no-repeat -960px -184px;}
.next{position: absolute;top: 40%;right: 12px;width: 12px; height: 19px;cursor: pointer;background: url('../images/sprite.png') no-repeat -930px -151px; text-indent:-9999px; outline:none; overflow:hidden}
.next:hover{background: url('../images/sprite.png') no-repeat -962px -152px;}
.ListComment { margin:0 20px 0 20px; padding:0;}
	.ListComment li{ padding:15px 20px 15px 20px; margin:10px 0 10px 0; list-style-type:none; border:#cfcfcf solid 1px; background:#FFF; position:relative;box-shadow: 1px 1px 2px #d6d6d6;}
	.ListComment li .cmt-arrow{ background: url('../images/sprite.png') no-repeat -205px -46px; width: 11px; height: 12px; position:absolute; top:50%; left:-11px}
	.ListComment li h3{ font-size:13px; font-weight:bold}
	.ListComment li .Date{ display:block; position:absolute; right:20px; top:15px; font-size:11px; color:#999;}
	.ListComment li .avarta{ display:block; width:80px; height:80px; float:left; background: url('../images/sprite.png') no-repeat -637px -711px;}
	.ListComment li .avarta img{ width:80px; height:80px;}
	.ListComment li .Comment{ float:left; margin:0 0 0 20px; width:510px}
.h15{ height:15px}
.cmt-more{background: url('../images/sprite.png') no-repeat -21px -1026px; height:33px; line-height:33px; text-align:center; width:auto; display:block; margin:0 21px 0 21px; border:#CCC solid 1px;}
.cmt-more:hover{ color:#000; background: url('../images/sprite.png') no-repeat -21px -1065px; }
.type-cmt-box{ padding:30px;}
.TextBox{ height:50px; width:665px; border:#CCC solid 1px;  box-shadow: 1px 1px 2px #d6d6d6; -moz-box-shadow: 1px 1px 2px #d6d6d6; -webkit-box-shadow: 1px 1px 2px #d6d6d6;-o- box-shadow: 1px 1px 2px #d6d6d6;}
.TextBox:focus{ border:#FC0 solid 1px;}
.BtnSubmit{background: url('../images/sprite.png') no-repeat -747px -744px; width: 100px; height: 27px; border:none; margin:10px 0 0 0; cursor:pointer; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:10px}
.BtnSubmit:hover{background: url('../images/sprite.png') no-repeat -747px -777px;}
.list-hotro{ margin:0; padding:0 0 0 0}
	.list-hotro li{ list-style:url(../images/icon_hotro.png); border-top:#E5E5E5 dotted 1px; padding:5px 0 5px 0; list-style-position:inside}
	.list-hotro li:first-child{ border-top:none; padding-top:0px;}
	.list-hotro li a:hover{ color:#900}
.bd-bottom{ border-bottom:#CCC dotted 1px;}
.col-full-width{ width:960px;}
.main-content-header-full{background: url('../images/sprite.png') no-repeat -21px -1122px; width: 960px; height: 38px; margin:10px 0 0 0 }
.main-content-body-full{ background:#FFF; border-left:#e3e3e3 solid 1px;border-right:#e3e3e3 solid 1px; padding-bottom:20px}
.main-content-footer-full{background: url('../images/sprite.png') no-repeat -21px -1179px; width: 960px; height: 11px;}
.input-bg{background: url('../images/sprite.png') no-repeat -256px -843px; width: 241px; height: 34px; float:left; margin:8px 0 0 8px}
.input-bg-2{background: url('../images/sprite.png') no-repeat -256px -843px; width: 241px; height: 34px; float:left; margin:8px 0 0 8px}
.input-bg-2 .ip-search-2{ width:227px; height:32px; padding:0 0 0 10px; line-height:37px; background:none; border:none;}
.ip-search-2{ width:227px; height:32px; padding:0 0 0 10px; line-height:32px; background:none; border:none}
*+html .ip-search-2{width:215px;}
.search-btn-2{ width:30px; height:30px; float:left; border:none; cursor:pointer; background: url('../images/sprite.png') no-repeat -501px -844px; width: 73px; height: 34px; margin:8px 0 0 4px; color:#666; text-transform:uppercase; text-align:center; line-height:28px; font-size:14px; font-weight:bold;}
.search-big{background: url('../images/sprite.png') no-repeat -18px -1221px; width: 847px; height: 50px; margin-left:55px;}
.search-title{width:480px; height:20px}
.setting-title{width:150px; height:20px}
.datai-title{width:380px; height:20px}
.h3px{ height:3px !important}
.pop-up-box{ background:#FFF; border:#575757 solid 2px; width:434px; padding-bottom:30px; margin:0px auto 0 auto; z-index:80000; position:relative}
.pop-up-box-2{ background:#FFF; border:#575757 solid 2px; width:434px; padding-bottom:30px; z-index:80000; position:fixed; top:125px}
.pu-header{ background: url('../images/sprite.png') no-repeat -22px -1286px; width: 434px; height: 48px;}
.logo-min{background: url('../images/sprite.png') no-repeat -75px -115px; width: 111px; height: 43px; float:left; margin:3px 0 0 7px}
.app-title-3{ color:#FFF; display:block; float:left; padding:13px 0 0 5px; font-size:16px; font-weight:bold}
.close-btn{background: url('../images/sprite.png') no-repeat -785px -814px; width: 55px; height: 28px; display:block; float:right; margin:7px 7px 0 0; line-height:30px; padding-left:7px; color:#CCC}
.close-btn:hover{background: url('../images/sprite.png') no-repeat -785px -850px; color:#FFF}
.lb-form{ display:block; float:left; width:110px; height:30px; margin:8px 0 0 10px; text-align:right; line-height:32px}
.submit-btn{background: url('../images/sprite.png') no-repeat -847px -884px; width: 239px; height: 32px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; line-height:32px; border:none; margin:7px 0 0 8px; cursor:pointer}
.submit-btn:hover{background: url('../images/sprite.png') no-repeat -847px -922px;}
.check:hover{ color:#900; font-weight:bold}
.wrong-alert{ background:#FFECEF; padding:5px 0 5px 0}
.ok-btn{ background: url('../images/sprite.png') no-repeat -620px -798px; width: 100px; height: 33px; display:block; float:left; color:#FFF; font-weight:bold; line-height:33px; text-align:center; margin-left:5px}
.ok-btn:hover{background: url('../images/sprite.png') no-repeat -620px -838px}
.fix-field{ width:56px; position:fixed; right:0; bottom:300px}
.black-box{background: url('../images/sprite.png') no-repeat -1011px -421px; width: 50px; height: 72px; margin-top:3px; padding:12px 0 0 6px}
.gop-y{background: url('../images/sprite.png') no-repeat -1012px -517px; width: 56px; height: 45px; display:block; margin-top:3px}
.landing-bg{ background:url(../images/landing-bg.jpg) 50% 159px no-repeat; min-height:500px; padding:50px 0 0 0}
.landing-logo{background: url('../images/sprite.png') no-repeat -794px -347px; width: 258px; height: 61px; margin:0 auto 0 auto}
.os-wrapper{ width:684px; margin:0 auto 0 auto; padding:132px 0 0 38px}
.os-wrapper li{ margin:0 10px 0 0; padding:0; display:block; float:left; list-style-type:none}
.back-box{ background: url('../images/sprite.png') no-repeat -29px -1374px; width: 144px; height: 208px; padding-top:20px; margin-top:18px}
.bb-icon{ display:block; background: url('../images/sprite.png') no-repeat -372px -1356px; width: 90px; height: 91px; margin:0 0 0 27px}
.bb-icon:hover{background: url('../images/sprite.png') no-repeat -372px -1473px;}
.os-name{ color:#FFF; text-shadow:0px 1px 1px #333;-webkit-text-shadow:0px 1px 1px #333;-moz-text-shadow:0px 1px 1px #333;-o-text-shadow:0px 1px 1px #333; font-size:16px; text-align:center; padding:14px 0 5px 0; font-weight:bold; }
.back-box-download{display:block;background: url('../images/sprite.png') no-repeat -815px -1321px; width: 124px; height: 39px; margin:10px 0 0 10px; color:#FFF; text-align:center; line-height:39px; font-weight:bold; font-size:11px}
.back-box-download:hover{background: url('../images/sprite.png') no-repeat -815px -1365px;}
.inactive{ color:#999 !important; pointer-events:none}
.h10px{ height:10px}
.front-box{ background: url('../images/sprite.png') no-repeat -183px -1358px; width: 166px; height: 240px; padding-top:27px}
.ios-icon{ display:block; background: url('../images/sprite.png') no-repeat -474px -1343px; width: 104px; height: 105px; margin:0 0 0 31px}
.ios-icon:hover{background: url('../images/sprite.png') no-repeat -474px -1460px;}
.os-name-2{ color:#333; text-shadow:0px 1px 1px #fff;-webkit-text-shadow:0px 1px 1px #fff;-moz-text-shadow:0px 1px 1px #fff;-o-text-shadow:0px 1px 1px #fff; font-size:20px; text-align:center; padding:18px 0 5px 0; font-weight:bold; }
.front-box-download{display:block;background: url('../images/sprite.png') no-repeat -949px -1315px; width: 143px; height: 44px; margin:10px 0 0 10px; color:#FFF; text-align:center; line-height:44px; font-weight:bold; font-size:14px}
.front-box-download:hover{background: url('../images/sprite.png') no-repeat -949px -1366px;}
.android-icon{ display:block; background: url('../images/sprite.png') no-repeat -588px -1343px; width: 104px; height: 105px; margin:0 0 0 31px}
.android-icon:hover{background: url('../images/sprite.png') no-repeat -588px -1460px;}
.window-icon{ display:block; background: url('../images/sprite.png') no-repeat -704px -1356px; width: 90px; height: 91px; margin:0 0 0 27px}
.window-icon:hover{background: url('../images/sprite.png') no-repeat -704px -1473px;}
.thick{ height:10px; background:#999; margin:100px 0 0 0}
.landing-page{ background:url(../images/texture.jpg) 0 0 repeat}
.landing-footer{ background:#323232; color:#FFF; padding:15px 0 0 0}
.landing-black-back{ position:absolute;width:100%; height:100%; background:#323232; z-index:-1}
.user-field{ float:right}
.user-name{ float:left; width:120px; color:#FFF; padding:20px 0 0 0 }
.logout{ background: url('../images/sprite.png') no-repeat -937px -220px; width: 56px; height: 28px; display:block; float:right; margin:15px 0 0 0; color:#CCC; text-align:center; line-height:28px; padding-left:9px;}
.setting-btn{ background: url('../images/sprite.png') no-repeat -937px -220px; width: 56px; height: 28px; display:block; float:right; margin:15px 0 0 0; color:#CCC; text-align:center; line-height:28px; padding-left:9px;}
.setting-btn:hover{background: url('../images/sprite.png') no-repeat -937px -254px; color:#FFF}
.setting-account{ float:right}
.sl-box{ width:230px; border:none; background:none; margin:6px 0 0 5px; height:22px;}
.ta-box{ width:235px; margin:5px 0 0 8px; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;  -o-border-radius:5px; border:#CCC solid 1px; background:#F9F9F9; box-shadow: inset 0px 0px 2px 0px #F3F3F3; -moz-box-shadow: 0px 0px 2px 0px #F3F3F3; -webkit-box-shadow: 0px 0px 2px 0px #F3F3F3;-o- box-shadow: 0px 0px 2px 0px #F3F3F3; height:75px; padding:3px 0 0 5px}
.form-iframe{width: 438px;position: fixed;z-index: 80000;top: 125px;border: 0px; overflow:hidden}
.bg-overlay{ width:100%; height:100%; background:#000; position: fixed; top:0; left:0; z-index:9999;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.app-label{width: 54px; height: 51px; position:absolute; top:2px; right:2px}
.label-ipad{background: url('../images/sprite.png') no-repeat -877px -1498px; width: 38px; height: 38px; position:absolute; bottom:0px; left:0px}
.label-iphone{background: url('../images/sprite.png') no-repeat -820px -1498px; width: 38px; height: 38px; position:absolute;bottom:0px; left:0px}
.label-all{background: url('../images/sprite.png') no-repeat -931px -1497px; width: 38px; height: 38px; position:absolute;bottom:0px; left:0px}
.label-new{background: url('../images/sprite.png') no-repeat -821px -1426px; }
.label-update{background: url('../images/sprite.png') no-repeat -893px -1427px;}
.setting-list{ margin:0; padding:0; background:#333; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;  -o-border-radius:5px; overflow:hidden; position:absolute; top:37px; right:0px; z-index:80000;  display:none;  box-shadow: 0px 1px 3px 0px #000; -moz-box-shadow: 0px 1px 3px 0px #000; -webkit-box-shadow: 0px 1px 3px 0px #000;-o- box-shadow: 0px 1px 3px 0px #000;}
.setting-list li{ margin:0; padding:0; display:block; list-style-type:none;}
.setting-list li a{ display:block; border-top:#666 solid 1px; border-bottom:#000 solid 1px; width:130px; color:#CCC; font-weight:bold; height:28px; padding:0 10px 0 10px; line-height:28px}
.setting-list li:first-child a{border-top:none}
.setting-list li a:hover{ background:#3E3E3E; color:#FFF}
.menu-inactive{ color:#B9B9B9 !important; pointer-events: none;cursor: default;}
.menu-inactive a{ color:#B9B9B9 !important; pointer-events: none;cursor: default;}
.error-404{ background:url(../images/error-404.jpg) 50% 0 no-repeat; width:795px; height:502px; margin:50px auto 0 auto; position:relative}
.error-go-home{ background: url('../images/sprite.png') no-repeat -874px -1026px; width: 100px; height: 33px; display:block; position:absolute; top:306px; left:357px}
.error-go-home:hover{background: url('../images/sprite.png') no-repeat -874px -1069px;}
}